<template>
<div>
  <van-row>
    <van-col span="24" class="back" ><heads/></van-col>
    <van-col span="6" class="back"><left/></van-col>
    <van-col span="18" class="back">
        <table width="1250" border="1" cellspacing="0">
          <tr align="center" style="background-color: lightgray">
            <td height="40" >序号</td>
            <td>职务名称</td>
            <td>职务编码</td>
            <td>职务排序</td>
            <td>操作</td>
          </tr>
          <tr v-for="i in list" :key="i.id" align="center" style="color:darkorange">
            <td height="40">{{i.id}}</td>
            <td>{{i.name}}</td>
            <td>{{i.number}}</td>
            <td>{{i.order_by}}</td>
            <td></td>
          </tr>
        </table>
    </van-col>
  </van-row>
</div>
</template>

<script>
import axios from 'axios'
import heads from "@/components/heads";
import left from "@/components/left";
export default {
  name: "post",
  components:{
    'heads':heads,
    'left':left
  },
  data(){
    return{
      list:[]
    }
  },
  methods:{
    get_post(){
      axios({url:'getpost',method:'get'}).then(res=>{
        this.list =res.data.list
      })
    }
  },
  mounted() {
    this.get_post()
  }
}
</script>

<style scoped>

</style>